<template>
	<SafeAreaContainer>
		<view class="container">
			<button type="default" @click="jump('/pages/index/index')">首页</button>
			<button type="default" @click="jump('/pages/other/other')">其他页</button>
			<!-- <custom-red-text></custom-red-text> -->
			<!-- 图表 -->
			<!-- <custom-top-charts></custom-top-charts> -->
			<!-- i18n多国语言 -->
			<!-- <custom-lang></custom-lang> -->
			<!-- 骨架屏 -->
			<!-- <custom-skeleton></custom-skeleton> -->
			<!-- 缺省页 -->
			<!-- <custom-empty-state></custom-empty-state> -->
			<!-- 纵向选项卡 -->
			<!-- <custom-vertical-tabs></custom-vertical-tabs> -->
			<!-- 生成海报 -->
			<!-- <custom-poster-generator></custom-poster-generator> -->
			<!-- TODO: 富文本 解析 和 makeDown 文本解析 -->
			<!-- <custom-fui-parse></custom-fui-parse> -->
			<!-- 条形码 生成 -->
			<!-- <CustomTkiBarcode></CustomTkiBarcode> -->
			<!-- 二维码 生成 -->
			<!-- <CustomTkiQrCode></CustomTkiQrCode> -->
			 <!-- 查看pdf -->
				<CustomPdfViewer></CustomPdfViewer>
		</view>
	</SafeAreaContainer>
</template>

<script>
import useStore from '@/store/index';
import SafeAreaContainer from '@/components/SafeAreaContainer/SafeAreaContainer.vue';
import CustomRedText from './components/CustomRedText/CustomRedText.vue';
import CustomTopCharts from './components/CustomTopCharts/CustomTopCharts.vue';
import CustomLang from './components/CustomLang/CustomLang.vue';
import CustomEmptyState from './components/CustomEmptyState/CustomEmptyState.vue';
import CustomVerticalTabs from './components/CustomVerticalTabs/CustomVerticalTabs.vue';
import CustomSkeleton from './components/CustomSkeleton/CustomSkeleton.vue';
import CustomPosterGenerator from './components/CustomPosterGenerator/CustomPosterGenerator.vue';
// TODO: 有内存泄露 富文本解析和markdown解析
// import CustomFuiParse from './components/CustomFuiParse/CustomFuiParse.vue';
import CustomTkiBarcode from './components/CustomTkiBarcode/CustomTkiBarcode.vue';
import CustomTkiQrCode from './components/CustomTkiQrCode/CustomTkiQrCode.vue';
import CustomPdfViewer from './components/CustomPdfViewer/CustomPdfViewer.vue';

export default {
	components: {
		SafeAreaContainer,
		CustomRedText,
		CustomTopCharts,
		CustomLang,
		CustomEmptyState,
		CustomVerticalTabs,
		CustomSkeleton,
		CustomPosterGenerator,
		// TODO: 有内存泄露 富文本解析和markdown解析
		// CustomFuiParse,
		CustomTkiBarcode,
		CustomTkiQrCode,
		CustomPdfViewer
	},
	data() {
		return {
			scrollTop: 0,
			tabs: [
				{ title: '选项1', content: '内容1' },
				{ title: '选项2', content: '内容2' },
				{ title: '选项3', content: '内容3' },
				{ title: '选项4', content: '内容4' },
				{ title: '选项5', content: '内容5' },
				{ title: '选项6', content: '内容6' },
			],
		};
	},
	onLoad() {},
	methods: {
		jump(url) {
			return this.$jump(url);
		},
	},
};
</script>

<style lang="scss" scoped>
.container {
}
</style>
